@charset "utf-8";

/* reset */
* { margin: 0; padding: 0; }
html, body { height: 100%; }
body  {
	background-color: white;
	font-family: Tahoma,serif;
	font-size: 14px;
}
img { border: 0; }

#main { margin: 0 auto; max-width: 1500px; }

/* head */
	#head { height: 121px; position: relative; }
		#share {
			background-color: #f5f5f5;
			padding: 15px 22px 15px 25px;
			position: absolute;
			right: 0;
		}
			#share span { font-size: 14px; }
			.share.yashare-auto-init { margin: 4px 0 0 -6px; }
		#logo { margin: 0 auto; position: relative; top: 75px; width: 224px; }

/* content */
		#period {
			font-size: 17px;
			margin: 26px auto 48px auto;
			overflow: auto;
			width: 323px;
		}
            #period ul { list-style-type: none; }
            #period ul li { float: left; padding: 5px 9px; }
			#period ul li a { border-bottom: 1px dotted #000000; color: #000000; text-decoration: none; }
                #period ul li.active { background-color: #ececec; }
				#period ul li a:hover, #period ul li.active a { border-width: 0; }
		#graph-wraper {
			border: 1px solid #cecece;
			height: 499px;
			padding: 45px 30px 45px 49px;
			overflow: auto;
		}
			#info-row, #graph-separator, #graph { float: left; height: 100%; }
			#info-row { position: relative; width: 464px; }
                #info-header { font-size: 24px; line-height: 37px; margin-top: 3px; }
                #info-more { bottom: 7px; font-size: 16px; position: absolute; }
                    #info-more a { color: #0065ac; }
			#graph-separator { background-color: #cecece; margin: 0 23px; width: 1px; }
			#graph { background: gray; width: 907px; }

/* admin panel */
#admin-panel {
	background-color: #3D434B;
	border-bottom: 1px solid #333840;
	color: #dce2ea;
	font-family: Segoe UI,serif;
	height: 28px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
	#admin-panel ul { list-style-type: none; }
		#admin-panel li {
			border-right: 1px solid #2C3037;
			border-left: 1px solid #59616C;
			float: left;
			height: 28px;
		}
		#admin-panel li:last-child { border-right: 0; }
		#admin-panel li:first-child { border-left: 0; }
			#admin-panel li a {
				color: #dce2ea;
				display: block;
				padding: 3px 10px;
				text-decoration: none;
			}
			#admin-panel li a:hover { background: #656e7a; }